// 上传图片
function uploadImg(trId) {
	// 获取文件输入框
	var fileInput = document.getElementById(trId);
	// 获取文件引用
	var file = fileInput.files[0];
	// 判断文件大小
   	var size = file.size;
	if(size >= 1*1024*1024){
		alert('文件大于1M, 请选择小于1M的图片!');
		return;
	}
	// 判断文件类型
	if(file.type !== 'image/jpeg' && file.type !== 'image/png') {
		alert('请选择有效的图片文件!');
		return;
	}

	// // 读取文件
	// var reader = new FileReader();
	// reader.onload = function(e) {
	// 	// '...(base64编码)...}'            
	// 	var data = e.target.result; 
	// 	console.log(data);
	// 	xhrUploadImg(file);
	// 	// preview.style.backgroundImage = 'url(' + data + ')';
	// };
	// // 以DataURL的形式读取文件:
	// reader.readAsDataURL(file);
	// console.log(file);


	// 添加iframe
	addIframe(trId, file);
}

// 上传图片
function xhrUploadImg(childWindow, file){
	let xhr = new XMLHttpRequest();
	var formData=new FormData();
	formData.append('file', file);
	xhr.onreadystatechange = function(){
		if(xhr.readyState == 4 && xhr.status == 200){
			var response = JSON.parse(xhr.responseText);
			console.log(json);
			// 响应码
			if (response.error_code == 200) {
				var filepath = json.result;
				// handleChildPage(childWindow, filepath);
			} else {
				alert('图片上传失败: ' + xhr.responseText);
			}
		}
	}
    xhr.open("POST", "/fire/student/upload/");
    xhr.send(formData);
}

// 添加子页面
function addIframe(trId) {
	// 获取id
	var id = trId.split('-')[1];
	// 获取单元格
	var trPrints = document.getElementsByTagName('tr');
	// 获取具体单元格
	var trPrint = trPrints[id];
	// 获取跳转链接
	var tdManage = trPrint.getElementsByClassName('td-manage')[0];
	var tdManageA = tdManage.getElementsByTagName('a')[0];
	var href = tdManageA.getAttribute('href');
	console.log(href);
	// 创建iframe, 用于打开新页面
	var div = document.createElement('div');
	var iframe = document.createElement('iframe');
	iframe.setAttribute('marginwidth', 0);
	iframe.setAttribute('marginheight', 0);
	iframe.setAttribute('width', '0');
	iframe.setAttribute('height', '0');
	iframe.setAttribute('src', href);
	iframe.setAttribute('frameborder', 'no');
	iframe.setAttribute('scrolling', 'no');
	// 加载完成后执行打印方法
	iframe.onload = function() {
		// 子窗口
		var childWindow = iframe.contentWindow;
		xhrUploadImg(childWindow, file);
	}
	div.appendChild(iframe);
	document.body.appendChild(div);
}

// 处理子页面
function handleChildPage(childWindow, filepath) {
	// 列表
	var items = childWindow.document.getElementsByClassName("layui-form-item");
	// name
	var name = getString(items[0]);
	// sex
	var sex = getString(items[1]);
	// birthday
	var birthday = getString(items[2]);
	// national
	var national = getString(items[3]);
	// mobile
	var mobile = getString(items[4]);
	// idcard
	var idcard = getString(items[5]);
	// address
	var address = getString(items[6]);
	// workOrganization
	var workOrganization = getString(items[7]);
	// classNum
	var classNum = getString(items[8]);
	// originId
	var originId = getString(items[9]);

	// 数据
	var data = 'name=' + name + '&sex=' + sex + '&birthday=' + birthday +
		 '&national=' + national + '&mobile=' + mobile + '&idcard=' + idcard + 
		 '&address='+ address + '&workOrganization=' + workOrganization + 
		 '&classNum=' + classNum + '&originId='+ originId + '&userImageUrl=' + filepath;
	updateStudent(data);
}

// 更新学生
function updateStudent(data) {
	let xhr = new XMLHttpRequest();
	xhr.open('post', '/fire/student/updateStudent');
	xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
	xhr.onreadystatechange = function () {
		if (xhr.readyState === 4 && ( xhr.status === 200 || xhr.status === 304 )){
			var response = JSON.parse(xhr.responseText);
			if (response.error_code == 200) {
				// 添加成功
				alert('更新成功');
			} else {
				alert('更新失败: ' + JSON.stringify(student));
			}
		}
	}
	xhr.send(data);
}

// 获取value
function getString(item) {
	var input = item.children[1].children[0];
	return input.getAttribute('value');
}

	